* {
    margin: 0;
    padding: 0;
}
html,body {
    width: 100%;
    height: 100%;
}
#root {
    width: 100%;
    height: 100%;
}
#root > div {
    height: 100%;
}
.header {
  height: 50px;
  background: red;
}
.content {
    height: calc(100% - 100px);
}
.footer {
    height: 50px;
    background: red;
}